<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<li id="no-data-li" th:if="${#lists.isEmpty(dataMap['list'])}">
    <section class="no-data__wrap">
        <em>&nbsp;</em>
        <p>亲，还没有课程~~~</p>
    </section>
</li>


<li th:if="!${#lists.isEmpty(dataMap['list'])}" th:each="buyRecord : ${dataMap['list']}" class="item-content my-item-main">
    <a href="javascript:void(0)" th:onclick="'javascript:enterCourse('+'\''+${buyRecord['courseTypeKey']}+'\','+'\''+${buyRecord['courseId']}+'\','+'\''+${buyRecord['course']['imageMap']['mobileUrlMap']['small']}+'\','+'\''+${buyRecord['course']['courseName']}+'\''+')'">
        <div class="item-media">
            <section class="wm-item-picture__wrap pr">
                <aside class="wm-picture-tag__wrap">
                    <span th:if="${buyRecord['courseTypeKey']}=='PACKAGE'" class="wm-picture-tag">套餐</span>
                    <span th:if="${buyRecord['courseTypeKey']}=='VIDEO'" class="wm-picture-tag">录播</span>
                    <span th:if="${buyRecord['courseTypeKey']}=='LIVE'" class="wm-picture-tag">直播</span>
                    <span th:if="${buyRecord['courseTypeKey']}=='COLUMNS'" class="wm-picture-tag">专栏</span>
                    <span th:if="${buyRecord['courseTypeKey']}=='SMALL'" class="wm-picture-tag">小班课</span>
                </aside>
                <img th:alt="${buyRecord['course']['courseName']}" class="wm-img" th:attrappend="data-src=${buyRecord['course']['imageMap']}==null ? null : (${buyRecord['course']['imageMap']['mobileUrlMap']} == null ? null : ${buyRecord['course']['imageMap']['mobileUrlMap']['small']})"  th:src="@{{path}/front/mobile/v3/img/default/error-pic.jpg?v{v}(path=${staticPath},v=${v})}">
            </section>
        </div>
        <div class="item-inner h-item-inner">
            <section class="item-title">
                <span class="wm-cm-title" th:text="${buyRecord['course']['courseName']}"></span>
                <section class="wm-attr-wrap row">
                    <aside class="col-auto">
                        <span class="fs4 c-999" th:text="'有效期：'+${buyRecord['validHint']}"></span>
                    </aside>
                </section>
                <section class="mt5">
                    <section class="studySpeed-wrap">
                        <aside class="studySpeed-bx"  th:styleappend="'width:'+((${buyRecord['studySpeed']}>100.0?100.0:${buyRecord['studySpeed']})+'%')" ></aside>
                        <span class="studySpeed-num fs4 c-999" th:text="${buyRecord['studySpeed']} +'%'">0%</span>
                    </section>
                </section>
            </section>
        </div>
    </a>
    <section class="mt5" th:if="!${#maps.isEmpty(buyRecord['lastCourseCatalog'])} and ${buyRecord['lastCourseCatalog']['catalogName']} != null">
        <div class="row">
            <aside class="col-66">
                <span class="fs6 c-888 vam">上次学到 :</span>
                <span class="fs6 c-888 vam" th:text="${buyRecord['lastCourseCatalog']['catalogName']}"></span>
            </aside>
            <aside class="col-33 text-right">
                <a class="fs6 c-master mr5" th:onclick="'javascript:enterCourse('+'\''+${buyRecord['courseTypeKey']}+'\','+'\''+${buyRecord['courseId']}+'\','+'\''+${buyRecord['course']['imageMap']['mobileUrlMap']['small']}+'\','+'\''+${buyRecord['course']['courseName']}+'\''+')'">查看<em class="icon icon-right"></em></a>
            </aside>
        </div>
    </section>
    <section class="mt5" th:if="${buyRecord['practiceHave']}">
        <div class="row">
            <aside class="col-66">
                <i class="icon icon-edit fs4 c-888"></i>
                <span class="fs6 c-888 vam">已练习此课随堂练习</span>
            </aside>
            <aside class="col-33 text-right" th：>

<a class="fs6 c-master openReport mr5" data-pass="true" th:href="@{/mobile/uc/course/play/record/userStudyRecord?id={id}&courseType={courseType}(id=${buyRecord['course']['id']},courseType=${buyRecord['courseTypeKey']})}">查看 <em class="icon icon-right"></em></a>
            </aside>
        </div>
    </section>
</li>
<input type="hidden" id="totalPages" th:value="${dataMap['pages']}"/>
<input type="hidden" id="currentPage" th:value="${dataMap['pageNum']}"/>
</html>